<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<fmt:setBundle basename="StripesResources" />

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib tagdir="/WEB-INF/tags" prefix="h" %>
<%@ taglib prefix="stripes" uri="http://stripes.sourceforge.net/stripes-dynattr.tld" %>

<html  ng-app="login">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Login Recept kollen</title>

        <h:headers/>
    </head>
    <nav role="navigation" class="navbar navbar-default ">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand">Hem</a>
        </div>
        <!-- Collection of nav links and other content for toggling -->
        <div id="navbarCollapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><stripes:link href="index.jsp"><fmt:message key="common.logIn" /></stripes:link></li>
                <li><stripes:link href="index.jsp"><fmt:message key="common.setPassword" /></stripes:link></li>
                </ul>
            </div>
        </nav>
        <!-- Navigation Ends -->

        <!-- Main Container -->

        <section>
            <div class="container login">
                <div class="row ">
                    <div class="center span4 well">
                        <legend><fmt:message key="common.login.message" /></legend>
                    <stripes:errors />

                    <stripes:form action="/action/login" focus="">

                        <stripes:text name="username" class="span4" id="username" placeholder="Namn" />

                        <stripes:password name="password" class="span4" id="password" placeholder="Lösenord" />

                        <label class="checkbox">
                            <stripes:checkbox name="remember" value="1" /> <fmt:message key="common.remember" />
                        </label>
                        <stripes:submit  name="common.logIn" class="btn btn-custom" value="Sign in" />
                    </stripes:form>
                </div>
            </div>
        </div>
        <p class="text-center muted ">&copy; Copyright 2014 - Recept kollen</p>
    </section>
</body>
</html>
